@import (reference) "./../../shared/common";

// @color
@color-white: #fff;
@color-gray-border: #D4D4D4;
@color-red-text: #EB4D1B;
@color-333-text: #333;
@color-yellow-tip: #40c4ff;
@color-gray-shadow: rgba(0, 0, 0, 0.1);
@color-red-highlight: #E5F1FF;

.segment-container {
  overflow: auto;
  position: relative;
  // 隐藏滚动条
  &::-webkit-scrollbar{
    // display: none;
    width: 6px;
  }
}

.segment {
  margin-bottom: 30px;
  .segment-title {
    color: @color-333-text;
    font-size: 1.6rem;
    line-height: 38px;
    .display-flex(row, flex-start, center);
    .little-cube {
      background-color: @color-red-text;
      display: inline-block;
      margin-right: 5px;
      width: 8px;
      height: 8px;
    }
  }
}

// 提示信息
.tipInfo {
  color: @color-yellow-tip;
  padding-left: 20px;
}

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

// 1像素边框
.border {
  border: 1px solid @color-gray-border;
}

.highLight {
  background-color: @color-red-highlight;
  color: #000;
}

.chart-common-container {
  height: 36rem;
  margin: 1rem;
  padding: 1rem 2rem;
  box-sizing: padding-box;
  box-shadow: 0 6px 15px 5px @color-gray-shadow;
}